<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>JSONP Example</title>  
</head>  
<body>  
  <!-- 前端进行jsonp实现跨域请求 -->
<script>  
function jsonpCallback(data) {  
    console.log(data); // 处理接收到的数据  
    // 例如，将数据显示在页面上  
    document.body.innerHTML = `<p>Name: ${data.name}, Age: ${data.age}</p>`;  
}  
  
// 创建一个新的script元素  
const script = document.createElement('script');  
// 设置script的src，包含callback参数  
script.src = 'http://localhost:3000/data?callback=jsonpCallback';  
// 将script元素添加到文档中  
document.body.appendChild(script);  
</script>  
  
</body>  
</html>